<!-- <template>
  <div class="home">
    <div class="container">
      <div class="icon">
        <div class="bot"></div>
      </div>
    </div>
    <div class="container">
      <div class="icon">
        <div class="bot"></div>
      </div>
    </div>
    <div class="container">
      <div class="icon">
        <div class="bot"></div>
      </div>
    </div>
    <div class="container">
      <div class="icon">
        <div class="bot"></div>
      </div>
    </div>
    <div class="container">
      <div class="icon">
        <div class="bot"></div>
      </div>
    </div>
    <div class="container">
      <div class="icon">
        <div class="bot"></div>
      </div>
    </div>
    <div class="container">
      <div class="icon">
        <div class="bot"></div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>
<style lang="less" scoped>
.home > :nth-child(1) > {
  .icon {
    position: relative;
    .bot {
      position: absolute;
      top: 10%;
      left: 10%;
    }
  }
}
.home > :nth-child(2) > {
  .icon {
    position: relative;
    .bot {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
    }
  }
}
.home > :nth-child(3) > {
  .icon {
    position: relative;
    .bot {
      position: absolute;
      top: 10%;
      left: 90%;
      transform: translateX(-100%);
    }
  }
}
.home > :nth-child(4) > {
  .icon {
    position: relative;
    .bot {
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translateY(-50%);
    }
  }
}
.home > :nth-child(5) > {
  .icon {
    position: relative;
    .bot {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}
.home > :nth-child(6) > {
  .icon {
    position: relative;
    .bot {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -100%);
    }
  }
}
.home > :nth-child(7) > {
  .icon {
    position: relative;
    .bot {
      position: absolute;
      top: 90%;
      left: 90%;
      transform: translate(-100%, -100%);
    }
  }
}
</style> -->
